<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="css/Fansmyself.css">

		<script src="http://code.jquery.com/jquery-1.4.1.min.js"></script>
<script src="js/jquerySession.js"></script>
		<script type="text/javascript">
$(document).ready(function() {
	var nowuserid = window.location.search;
		var jqnum = nowuserid.indexOf('=');
		var jqnums = nowuserid.substr(jqnum+1);
	$("#lqhindex").click(function(){
		location.href="index.html?userid="+jqnums;
	});
var q_userid=jqnums;

$(".fanstz").live('click',function(){
		var q_userid=$(this).attr("title");
		location.href='Otherself.html?q_userid='+q_userid;
		});

	
	var djb=$.session.get('p');
	$("#myindex").click(function(){
		location.href="Myself.html?userid="+jqnums;
	});
	if(djb==2){
				$(".fs_content_right").css('display', 'block');
				$(".hy_content_right").css('display', 'none');
				$(".hm_content_right").css('display', 'none');
				$(".qu_content_right").css('display', 'none');
				$(".content_right").css('display', 'none');
	}
	//粉丝页面
	$.get("Myself_fgwbox?q_userid="+q_userid,function(data,da){
	
		$.each(data,function(value,fbox){
			$.each(fbox,function(index,p){
				$(".right_gzcont").append("<div class='rgzcont_one'><div class='guanzhuimg'>"+
			"<img class='fanstz' src='images/"+p.userm.MesgHeadimg+"' title='"+p.userm.MesgId+"' style='border-radius: 50%; width:50px;height:50px;'>"+
            "</div><div class='gz_contright'><div class='gz_cr_name'><span class='gz_username'>"+p.userm.MesgName+"</span><span class='gz_usersex'></span></div>"+
         	"<div class='gz_cr_bar'><span class='cr_bar_gz'>关注&nbsp;<em class='cr_bar_gzcount'>"+p.gz+"</em></span>"+
            "<span class='cr_bar_fs'>粉丝&nbsp;<em class='cr_bar_fscount'>"+p.fs+"</em></span>"+
			"<span class='cr_bar_wb'>微博&nbsp;<em class='cr_bar_wbcount'>"+p.wb+"</em></span></div>"+
            "<div class='gz_cr_dz'>地址&nbsp;<span>"+p.userm.MesgAddress+"</span></div><div class='gz_cr_jj'>简介&nbsp;<span>"+p.userm.MesgStyle+"</span></div>"+
            "<div class='gz_cr_tj'>通过&nbsp;<span>iPad mini4</span>关注</div></div></div>");
            if(p.userm.MesgSex=="女"){
					$(".gz_usersex").eq(value).css("background-position","0px -25px");
				}else{
				$(".gz_usersex").eq(value).css("background-position"," 0px 0px");
				}
			});
			
 			
		});
		
	})
	//关注页面
	$.get("Myself_gfwbox?q_userid="+q_userid ,function(data,da){
	
		$.each(data,function(value,fbox){
			
			$.each(fbox,function(index,p){
				$(".fs_right_gzcont").append("<div class='fs_rgzcont_one'><div class='fensiimg'>"+
			"<img src='images/"+p.userm.MesgHeadimg+"' style='border-radius: 50%; width:50px;height:50px;'>"+
            "</div><div class='fs_contright'><div class='fs_cr_name'><span class='gz_username'>"+p.userm.MesgName+"</span><span class='fs_usersex'></span></div>"+
         	"<div class='fs_cr_bar'><span class='fs_cr_bar_gz'>关注&nbsp;<em class='cr_bar_gzcount'>"+p.gz+"</em></span>"+
            "<span class='fs_cr_bar_fs'>粉丝&nbsp;<em class='cr_bar_fscount'>"+p.fs+"</em></span>"+
			"<span class='fs_cr_bar_wb'>微博&nbsp;<em class='cr_bar_wbcount'>"+p.wb+"</em></span></div>"+
            "<div class='fs_cr_dz'>地址&nbsp;<span>"+p.userm.MesgAddress+"</span></div><div class='fs_cr_jj'>简介&nbsp;<span>"+p.userm.MesgStyle+"</span></div>"+
            "<div class='fs_cr_tj'>通过&nbsp;<span>iPad mini4</span>关注</div></div></div>");
            if(p.userm.MesgSex!=="男"){
					$(".fs_usersex").eq(value).css("background-position","0px -25px");
				}else{
				$(".fs_usersex").eq(value).css("background-position"," 0px 0px");
				}
			});
 			
		});
		
	})
	

//关注的获取
	$.get("Myself_gfw?q_userid="+q_userid ,function(data,da){
	
		$.each(data,function(value,gfw){
			$(".content_left").append(" <div class='left_count'>"+
              "<li class='lcont_gz'>关注&nbsp;&nbsp;<span>"+gfw.gz+"</span></li>"+
              "<li  class='lcont_qu'>群&nbsp;&nbsp;<span>0</span></li>"+
              "<li class='lcont_fs'>粉丝&nbsp;&nbsp;<span>"+gfw.fs+"</span></li>"+
              "<li class='lcont_hm'>黑名单&nbsp;&nbsp;<span>89</span></li>"+
              "<li  class='lcont_hy'>好友关注动态&nbsp;&nbsp;<span>787</span></li></div>");
              $(".right_title").append("<span class='right_titzi'>全部关注</span><em class='right_count'>"+gfw.gz+"</em>");
              $(".fs_right_title").append("<span class='fs_right_titzi'>全部粉丝</span><em class='fs_right_count'>"+gfw.fs+"</em>");
             
		});
		fens();
	});
	//用户的获取
	$.get("Myself_user?UserId="+q_userid ,function(data,da){
		$("#head_img_b img").attr("src","images/"+data.MesgHeadimg);
		$(".username").append(data.MesgName);
		$(".usermark").append(data.MesgStyle);
		if(data.MesgSex!=="男"){
					$(".usersex").css("background-position","-123px -48px");
				}else{
				$(".usersex").css("background-position"," -98px -48px");
				}
	});



	//搜索框设置开始
		$(".W_input").focus(function() {
			$(".rt_input").css('border', '1px solid red');
			$(this).val("");
		});
		$(".W_input").blur(function() {
			$(".rt_input").css('border', '');
			$(this).val("搜索我的微博");
		});
		//搜索栏框设置结束
		$(".rt_ss-2").click(function(event) {
			$(".rt_gjss").css('display', 'block');
			$(".right_title").css('display', 'none');
		});
		$(".X-logo").click(function(event) {
			$(".rt_gjss").css('display', 'none');
			$(".right_title").css('display', 'block');
		});
		$(".X-logo").mouseover(function(event) {
			$(".X-logo").attr('src', 'images/X-logo2.png');
		});
		$(".X-logo").mouseout(function(event) {
			$(".X-logo").attr('src', 'images/X-logo.png');
		});
		$(".rt_ss-2").mouseover(function(event) {
			$(".rt_ss-2").attr('src', 'images/ss-2.png');
		});
		$(".rt_ss-2").mouseout(function(event) {
			$(".rt_ss-2").attr('src', 'images/ss-1.png');
		});
		$("#head_img").mouseover(function(event) {
			$("#head_img_b").css('box-shadow', '0px 0px 12px 3px #eb7350 ');
		});
		$("#head_img").mouseout(function(event) {
			$("#head_img_b").css('box-shadow', '#ccc 0px 0px 0px 3px');
		});
		
		$(".rt_li").eq(2).click(function() {
			$(".rt_more").css('display', 'block');

		});
		//全部-热门导航点击事件开始
		$(".rt_li").eq(0).css('border-bottom', '2px solid orange').css(
				'background', 'white');
		$(".rt_li").click(
				function(event) {

					$(this).css('border-bottom', '2px solid orange').css(
							'background', 'white');
					$(this).siblings('.rt_li').css('border-bottom', 'none')
							.css('background', '');
				});
		$(".rt_li").eq(0).click(function() {
			$(".conright_rmbox").css('display', 'none');
			$(".conright_box").css('display', 'block');

		});
		$(".rt_li").eq(1).click(function() {
			$(".conright_rmbox").css('display', 'block');
			$(".conright_box").css('display', 'none');

		});
		//全部-热门导航点击事件结束
	
		//主页顶部导航栏点击事件start

		$(".toptit_nav a").mouseover(function(event) {
			//样式设置
				$(this).css('border-bottom', '2px solid orange').css(
						'font-weight', 'bold');
				$(this).parent('li').siblings().children('a').css(
						'font-weight', 'normal').css('border-bottom', 'none');
			});
		$(".toptit_nav a").mouseout(function(event) {
			//样式设置
				$(this).css('border-bottom', '').css('font-weight', 'normal');
				$(this).parent('li').siblings().children('a').css(
						'font-weight', 'normal').css('border-bottom', 'none');
			});
		//主页顶部导航栏点击事件end
	function fens(){
		//关注粉丝导航栏点击事件start
		$(".left_count li").click(function(event) {

			var a_index3 = $('.left_count li').index($(this));

			if (a_index3 == 0) {
				$(".content_right").css('display', 'block');
				$(".fs_content_right").css('display', 'none');
				$(".qu_content_right").css('display', 'none');
				$(".hm_content_right").css('display', 'none');
				$(".hy_content_right").css('display', 'none');
			} else if (a_index3 == 1) {
				$(".qu_content_right").css('display', 'block');
				$(".content_right").css('display', 'none');
				$(".fs_content_right").css('display', 'none');
				$(".hm_content_right").css('display', 'none');
				$(".hy_content_right").css('display', 'none');
			} else if (a_index3 == 2) {
				$(".fs_content_right").css('display', 'block');
				$(".hy_content_right").css('display', 'none');
				$(".hm_content_right").css('display', 'none');
				$(".qu_content_right").css('display', 'none');
				$(".content_right").css('display', 'none');
			} else if (a_index3 == 3) {
				$(".qu_content_right").css('display', 'none');
				$(".hm_content_right").css('display', 'block');
				$(".hy_content_right").css('display', 'none');
				$(".fs_content_right").css('display', 'none');
				$(".content_right").css('display', 'none');
			} else if (a_index3 == 4) {
				$(".hm_content_right").css('display', 'none');
				$(".hy_content_right").css('display', 'block');
				$(".conspphcon_ablum").css('display', 'none');
				$(".fs_content_right").css('display', 'none');
				$(".content_right").css('display', 'none');
			}
		});
		
		}
		

	});
</script>
	</head>
	<body>
		<div id="wrap">
			<!--顶部导航条开始-->
			<div id="titletop">
				<div id="tit_toplogo">
					<div id="tit_cont">
						<a href="" title=""><span id="tit_logoimg"><img
									src="images/logo.png" alt="" title=""> </span> </a>
						<div id="tit_seach">
							<input type="text" name="" value=""
								placeholder="大家都在搜:又一个大国货币消失了">
							<img src="images/reseach.png" alt="" title=""
								style="position: absolute; top: 10px; left: 570px; cursor: pointer;">
						</div>
						<div id="tit_daohang">
							<ul>
								<a href="javascript:void(0)" title=""><li>
										<img src="images/li1.png" alt="" title="">
										<span id="lqhindex" style="color: orange;">首页</span>
									</li> </a>
								<a href="" title=""><li>
										<img src="images/li2.png" alt="" title="">
										<span>视频</span>
									</li> </a>
								<a href="" title=""><li>
										<img src="images/li3.png" alt="" title="">
										<span>发现</span>
									</li> </a>
								<a href="" title=""><li>
										<img src="images/li4.png" alt="" title="">
										<span>游戏</span>
									</li> </a>
								<a href="" title=""><li
										style="width: 105px; padding-right: 20px; border-right: 1px solid #696E78">
										<img src="images/li5.png" alt="" title="">
										<span>newlife小帅</span>
									</li> </a>
								<li id="tit_sixin" style="width: 30px; margin-left: 25px;">
									<img src="images/li6.png" alt="" title="">
								</li>
								<li id="tit_shezhi" style="width: 30px; margin-left: 10px">
									<img src="images/li7.png" alt="" title="">
								</li>
								<li id="tit_fabiao" style="width: 30px; margin-left: 10px">
									<img src="images/li8.png" alt="" title="">
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<!--顶部导航条结束-->

			<div id="wrap_con">
				<!--头像姓名区开始-->
				<div id="top">
					<div id="head_img_b">
						<img src="" id="head_img">

					</div>
					<div class="pf_username">
						<span class="username"></span>
						<span class="usersex"></span>
					</div>
					<div class="pf_info">
						<h2 class="usermark">
							
						</h2>
					</div>
				</div>
				<!--头像姓名区结束-->
				<!--主页相册管理导航条开始-->
				<div id="top_tit">
					<div class="toptit_nav">
						<li>
							<a id="myindex" href="javascript:void(0)">我的主页</a>
						</li>
					</div>
				</div>
				<!--主页相册管理导航条结束-->
				<!--我的主页内容开始-->

				<div id="content">
					<!--左边内容开始-->
					<div class="content_left">


					</div>
					<!--左边内容结束-->
					<!--右边关注内容开始-->
					<div class="content_right">
						<div class="right_title">
							
						</div>
						<div class="right_bar">
							<div class="rigbar_px">
								排序
							</div>
							<div class="rt_input">
								<input type="text" value="输入昵称或备注" class="rigbar_input"
									node-type="addUser_input" notice="输入昵称或备注" autocomplete="off">
								<a href="javascript:void(0);" title=""><img
										src="images/reseach1-2.png" class="rt_ss-1"> </a>
							</div>

						</div>
						<!--右边关注内容开始-->
						<div class="right_gzcont">

							
						
							

						</div>
						<!--右边粉丝内容结束-->
						<div class="w_pages">
							<div class="pages_box">
								<a href="" class="pafesup">上一页</a>
								<div class="pagesys_box">
									<a href="" class="pagesys">1</a>
									<a href="" class="pagesys">2</a>
									<a href="" class="pagesys">3</a>
									<a href="" class="pagesys">4</a>
									<a href="" class="pagesys">5</a>
									<a href="" class="pagesys">6</a>
									<a href="" class="pagesys">7</a>
									<a href="" class="pagesys">8</a>
									<a href="" class="pagesys">9</a>
									<a href="" class="pagesys">10</a>
									<a href="" class="pagesys">10</a>
									<a href="" class="pagesys">10</a>
								</div>


								<a href="" class="pafesdown">上一页</a>
							</div>

						</div>


					</div>
					<!--右边粉丝内容开始-->
					<div class="fs_content_right">
						<div class="fs_right_title">
						
						</div>
						<div class="fs_right_bar">
							<div class="fs_rigbar_px">
								排序
							</div>
							<div class="fs_rt_input">
								<input type="text" value="输入昵称或备注" class="fs_rigbar_input"
									node-type="addUser_input" notice="输入昵称或备注" autocomplete="off">
								<a href="javascript:void(0);" title=""><img
										src="images/reseach1-2.png" class="fs_rt_ss-1"> </a>
							</div>

						</div>
						<!--右边粉丝内容开始-->
						<div class="fs_right_gzcont">

							

						</div>
						<!--右边粉丝内容结束-->
						<div class="fs_w_pages">
							<div class="fs_pages_box">
								<a href="" class="fs_pafesup">上一页</a>
								<div class="fs_pagesys_box">
									<a href="" class="fs_pagesys">1</a>
									<a href="" class="fs_pagesys">2</a>
									<a href="" class="fs_pagesys">3</a>
									<a href="" class="fs_pagesys">4</a>
									<a href="" class="fs_pagesys">5</a>
									<a href="" class="fs_pagesys">6</a>
									<a href="" class="fs_pagesys">7</a>
									<a href="" class="fs_pagesys">8</a>
									<a href="" class="fs_pagesys">9</a>
									<a href="" class="fs_pagesys">10</a>
									<a href="" class="fs_pagesys">10</a>
									<a href="" class="fs_pagesys">10</a>
								</div>


								<a href="" class="fs_pafesdown">上一页</a>
							</div>

						</div>


					</div>
					<!--右边粉丝内容结束-->
					<!--右边群内容开始-->
					<div class="qu_content_right">
						<h1>
							还未加入任何群
						</h1>

					</div>
					<!--右边群内容结束-->
					<!--右边黑名单内容开始-->
					<div class="hm_content_right">
						<h1>
							怎么可以拉黑别人了
						</h1>

					</div>
					<!--右边黑名单内容结束-->
					<!--右边好友关注动态内容开始-->
					<div class="hy_content_right">
						<h1>
							已经屏蔽好友消息
						</h1>
					</div>
					<!--右边好友关注动态内容结束-->

				</div>
			</div>
		</div>
	</body>
</html>